<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="assets/css/base.css">
    <link rel="stylesheet" href="assets/css/layout.css">
    <link rel="stylesheet" href="assets/css/modules.css">
    <link rel="stylesheet" href="assets/css/normalize.css">
    <title>名言警句</title>
</head>
<body>
    <!-- logo + 广告 -->
    <header class="row row--width row--padding">
        <div class="logo">
            <img src="assets/img/logo.png">
        </div>
        <div class="row--white top-link">
            广告
        </div>
    </header>
    <!-- 导航 -->
    <nav class="nav row row--width row--padding">
        <ul>
            <li class="nav-now"><a href="#">名言首页</a></li>
            <li><a href="#">名人名言</a></li>
            <li><a href="#">励志名言</a></li>
            <li><a href="#">读书名言</a></li>
            <li><a href="#">名言警句</a></li>
            <li><a href="#">励志故事</a></li>
            <li><a href="#">励志电影</a></li>
            <li><a href="#">励志歌曲</a></li>
        </ul>
    </nav>
    <!-- content -->
    <div class="row row--width row--padding">
        <!-- left content -->
        <div class="main col-wide">
            <!-- 内容区块1 -->
            <div class="row row--white">
                <div class="row row--label">站内推荐</div>
                <div class="row">
                    <ul class="main__top col-medium">
                        <li><a href="#"><span><img src="assets/img/new.png"></span>励志名言</a></li>
                        <li><a href="#"><span><img src="assets/img/new.png"></span>读书名言</a></li>
                        <li><a href="#"><span>3</span>名言警句</a></li>
                        <li><a href="#"><span>4</span>励志故事</a></li>
                        <li><a href="#"><span>5</span>励志电影</a></li>
                        <li><a href="#"><span>6</span>励志歌曲</a></li>
                    </ul>
                    <ul class="main__top col-medium--right">
                        <li><a href="#"><span>7</span>励志名言</a></li>
                        <li><a href="#"><span>8</span>读书名言</a></li>
                        <li><a href="#"><span>9</span>名言警句</a></li>
                        <li><a href="#"><span>10</span>励志故事</a></li>
                        <li><a href="#"><span>11</span>励志电影</a></li>
                        <li><a href="#"><span>12</span>励志歌曲</a></li>
                    </ul>
                </div>
            </div>
            <!-- 内容区块2 -->
            <div class="row row--white row--margin">
                <div class="col-medium main__middle">
                    <div class="row row--label">名人名言</div>
                    <ul class="row">
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="col-medium--right main__middle">
                    <div class="row row--label">品德名言</div>
                    <ul class="row">
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 内容区块3 -->
            <div class="row row--white">
                <div class="col-medium main__middle">
                    <div class="row row--label">名人名言</div>
                    <ul class="row">
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="col-medium--right main__middle">
                    <div class="row row--label">品德名言</div>
                    <ul class="row">
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                        <li>
                            <a href="#"><span>赞美教师名人名言<code>2016-08-08</code></span></a>
                            <p>
                                老师是我们人生的导师，下面yjbys小编整理了感恩教师名人名言，欢迎阅读! 1. 老师是我们的在生父母.
                            </p>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <!-- right content -->
        <div class="aside col-narrow">
            <div class="row row--white middle-link">
                广告位2
            </div>
            <div class="row row--white row--margin">
                <div class="row row--label">名人名言</div>
                <ul class="row main__top">
                    <li><a href="#"><span>1</span>励志名言</a></li>
                    <li><a href="#"><span>2</span>读书名言</a></li>
                    <li><a href="#"><span>3</span>名言警句</a></li>
                    <li><a href="#"><span>4</span>励志故事</a></li>
                    <li><a href="#"><span>5</span>励志电影</a></li>
                    <li><a href="#"><span>6</span>励志歌曲</a></li>
                </ul>
            </div>
            <div class="row row--white row--margin">
                <div class="row row--label">名人名言</div>
                <ul class="row main__top">
                    <li><a href="#"><span>1</span>励志名言</a></li>
                    <li><a href="#"><span>2</span>读书名言</a></li>
                    <li><a href="#"><span>3</span>名言警句</a></li>
                    <li><a href="#"><span>4</span>励志故事</a></li>
                    <li><a href="#"><span>5</span>励志电影</a></li>
                    <li><a href="#"><span>6</span>励志歌曲</a></li>
                </ul>
            </div>
            <div class="row row--white row--margin">
                <div class="row row--label">名人名言</div>
                <ul class="row main__top">
                    <li><a href="#"><span>1</span>励志名言</a></li>
                    <li><a href="#"><span>2</span>读书名言</a></li>
                    <li><a href="#"><span>3</span>名言警句</a></li>
                    <li><a href="#"><span>4</span>励志故事</a></li>
                    <li><a href="#"><span>5</span>励志电影</a></li>
                    <li><a href="#"><span>6</span>励志歌曲</a></li>
                </ul>
            </div>
            <div class="row row--white bottom-link">
                广告位3
            </div>
        </div>
    </div>
    <!-- footer -->
    <footer class="row row--width row--white row--padding">
        <ul>
            <li>友情链接：</li>
            <li><a href="#">名人名言</a></li>
            <li><a href="#">励志名言</a></li>
            <li><a href="#">读书名言</a></li>
            <li><a href="#">名言警句</a></li>
            <li><a href="#">励志故事</a></li>
            <li><a href="#">励志电影</a></li>
            <li><a href="#">励志歌曲</a></li>
        </ul>
    </footer>
</body>
</html>